<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<link rel="icon" type="image/svg+xml" href="/src/favicon.ico" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Vite+React</title>
</head>

<body>
	<script>
		/**
       * 该步骤是解决企业微信中打开h5页面rem适配错误的问题
       */
      let iScale = 1;
      // 通过页面加载的时候去获取用户设备的物理像素比
      iScale = iScale / window.devicePixelRatio;
      // 然后来设置html的<meta>表现的缩放属性，从而达到在任意页面实现页面布局的自适应的效果
      const meta = document.createElement('meta');
      meta.name = 'viewport';
      meta.content = `width=device-width, initial-scale=${iScale} ,maximum-scale=${iScale},user-scalable=0`;
      document.head.appendChild(meta);
	</script>
	<div id="root"></div>
	<script type="module" src="/src/main.tsx"></script>
</body>

</html>